<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title><%= HTML_TITLE %></title>
		<meta name="keywords" content="<%= HTML_KEYWORDS %>" />
		<meta name="description" content="<%= HTML_DES %>" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="applicable-device" content="mobile">
		<meta http-equiv="Cache-Control" content="no-transform" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="<%= require('@img/icon.png') %>" />
	</head>
	<body class="flex flex-row flex-wrap items-center justify-center">
		<a href="<%= BACK_HOME %>" class="back-btn text-16 fixed z-10 pt-10 rounded-6 pb-10 pl-16 pr-16 text-white">
			<i class="antd-iconfont antd-arrowleft"></i> 返回
		</a>
		<div class="img-layer relative overflow-hidden mr-200 img-layer-end" id="edit">
			<img src="" id="Img" class="">
			<div class="p absolute z-10 text-center" id="waterMarkContent">请输入您要填写的内容</div>
		</div>
		<div class="left-layer box-border pl-32 pr-32 pt-64 bg-white fixed top-0 right-0 z-10 border-l border-gray-600 border-solid">
			<p class="text-gray-700 text-24 mb-12"><i class="antd-iconfont antd-setting-fill"></i> 编辑选项</p>
			<div class="cursor-pointer flex flex-row flex-wrap justify-between mb-24 text-center">
				<label for="waterMark" class="cursor-pointer text-16">文字水印</label> <input id="waterMark" type="checkbox" checked class="switch">
			</div>
			<textarea placeholder="请输入您要填写的内容" class="box-border pl-16 pt-10 pr-16 pb-10 border-solid border-gray-600 mb-24 border-2 rounded-6" id="editContent" cols="30" rows="10"></textarea>
			<div class="mb-10">
				<button class="mr-24 pl-20 pt-10 pr-20 pb-10 text-center bg-green-400 rounded-6 text-white" id="GetImg"><i class="antd-iconfont antd-camera"></i> 生成图片</button>
				<button class="pl-20 mb-40 pt-10 pr-20 pb-10 text-center bg-gray-500 rounded-6 text-white" id="setImgRight"><i class="antd-iconfont antd-outdent"></i> 挪动图片</button>
			</div>
			<div class="pt-10 border-t-2 border-solid border-gray-500 text-gray-500 text-16">
				<p>① 请确保图片加载完成后再编辑</p>
				<p>② 生成图片前请确保预览图可查看完整，并且未被遮挡</p>
				<p>③ 被遮挡可通过【挪动图片】调整位置</p>
			</div>
		</div>
	</body>
</html>